<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Sisproc</title>
  <script src="js/jquery-1.9.1.js"></script>
  <script src="js/jquery-ui-1.10.1.custom.js"></script>
  <script src="js/jquery-ui-1.10.1.custom.min.js"></script>
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
</head>

<body>
    <div id="header"> 
        <div id="header_aux">
            <div id="top_menu">
                <ul>
                    <li><a href="#">Pesquisa Avançada</a> </li>
                    <li><a href="#">Sobre</a></li>
                    <li><a href="#">Sair</a></li>
                </ul>
            </div>
            
        </div>
    </div>
    <div id="top_bar"></div>
    <div id="content">
        <div id="header_menu_img"> 
            <p>Olá, Carina Valladares</p>
                <div id="menu_img">
                    <ul>
                        <li><a href="#"><img src="images/icon_config.png"></a></li>
                        <li><a href="#"><img src="images/icon_historic.png"></a> </li>
                        <li><a href="#"><img src="images/icon_home.png"></a> </li>
                        <li><a href="#"><img src="images/icon_star.png"></a> </li>
                    </ul>
                </div>
                <div id="avatar"></div>  
            </div>
        <div id="clear"></div>    
        <div id="search">
            <div id="fundo-search">
                <div class="button-search"></div>
                <div class="clear"></div>
                <input type="text" name="name" value="" />
            </div>
        </div>
        
 <div id="tabs">
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#processos">Processos</a></li>
            <li><a href="#relatorios">Relátorios</a></li>
            <li><a href="#testes">Testes</a></li>
            <li><a href="#testes2">Testes2</a></li>
        </ul>
        
  <div id="home">
      <div class="bar_content">
          <label class="input-control radio" onclick="">
              <input type="radio" checked="" name="r1">
                  <span class="helper">Todos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r1">
                  <span class="helper">Apenas Processos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r1">
                  <span class="helper">Apenas Documentos</span>
          </label>        
      </div>
      
      <div class="bar_content">
          <label class="input-control radio" onclick="">
              <input type="radio" checked="" name="r2">
                  <span class="helper">Todos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r2">
                  <span class="helper">Apenas Processos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r2">
                  <span class="helper">Apenas Documentos</span>
          </label>   
      </div>
      <div class="bar_content">
          <label class="contact_form" >Co-respónsavel:</label>
          <select class="contact_select" name=""></select>
      </div>
      
      <h2>Sob Responsabilidade do Setor</h2>
      <table>
          <thead>
              <tr>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Protocolo<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Entrada<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Tipo<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Status<a href="#"><img src="images/icon_seta_low.png"></a></th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Carina Valladares Vilas Boas</td>
                  <td>CMO</td>
                  <td>298</td>
                  <td>R$ 8.999,00</td>
              </tr>
              <thead>
                  <tr>
                      <td>Total:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>   
      
      
  </div>
        
  <div id="processos">
      <h2>Processos em Trânsito</h2>
      <div class="div_button">
          <button class="button">Cancelamento em Lote</button> 
          <button class="button">Guias de Trâmites</button>
      </div>
      <table>
          <thead>
              <tr>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Protocolo<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Data<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Destino<a href="#"><img src="images/icon_seta_low.png"></a></th>
                  <th><a href="#"><img src="images/icon_seta_top.png"></a>Ação<a href="#"><img src="images/icon_seta_low.png"></a></th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
              </tr>
              <thead>
                  <tr>
                      <td>Total:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>
    
      
      <h2>Guias de Trâmites</h2>
      <table>
          <thead>
              <tr>
                  <th>Data</th>
                  <th>Destino<a href="#"></a></th>
                  <th>Ação<a href="#"></th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Carina Valladares Vilas Boas</td>
                  <td>CMO</td>
                  <td>298</td>
              </tr>
              <thead>
                  <tr>
                      <td>Total:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>
          
      <h2>Cancelamento de Tramite em Lote</h2>
      <div id="content_area">
          <div class="div">    
              <label class="contact_form">Possíveis:</label> 
              <input class="contact_input" type="text" name="name" value="" />
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Adicionar<img src="images/icon_add.png"/></button>
          </div>
          <div class="c">
              <button class="button">Todos</button> 
          </div>
          <div class="div">
              <label class="contact_form">Selecionados</label>  
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Remover<img src="images/icon_remove.png"/></button>     
          </div>
      </div>
      <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div> 
      
      
      <h2>Entrada Física em Lote</h2>
      <div class="bar_content">
          <label class="contact_form" >Co-respónsavel:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div id="content_area">
          <div class="div">    
              <label class="contact_form">Possíveis:</label> 
              <input class="contact_input" type="text" name="name" value="" />
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Adicionar<img src="images/icon_add.png"/></button>
          </div>
          <div class="c">
              <button class="button">Todos</button> 
          </div>
          <div class="div">
              <label class="contact_form">Selecionados</label>  
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Remover<img src="images/icon_remove.png"/></button>     
          </div>
         
      </div>
       <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>
      
      
  </div>
     
     
  <div id="relatorios">
      
      <h2>Relátorios</h2>
      <table>
          <thead>
              <tr>
                  <th>Código</th>
                  <th>Data</th>
                  <th>Exclui</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
                  <td></td>
              </tr>
              <thead>
                  <tr>
                      <td>Total:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>         
         
         
         <h2>Quantidade de Processos Tramitados</h2>
      <table>
          <thead>
              <tr>
                  <th>Total</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
              </tr>
          </tbody>        
      </table>        
         
         <h2>Quantidade de Tipo de Processo por Setor</h2>
      <table>
          <thead>
              <tr>
                  <th>Tipos</th>
                  <th>Quantidade (Total)</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
              </tr>
          </tbody>        
      </table>        
         
         <h2>Destino de Processo após o Setor</h2>
         <div class="div_button">
             <div class="div_small">
                 <label class="contact_form">Data Inicial:</label>  
                 <input type="text" name="" class="contact_input" value="">
             </div>
             <div class="div_small">
                 <label class="contact_form">Data Final:</label>
                 <input type="text" name="" class="contact_input" value="">
             </div>
         </div>
         <div class="div_button">
          <button class="button">Localizar</button>
      </div>
         
         <table>
          <thead>
              <tr>
                  <th>Número Protocolo</th>
                  <th>Setor Destino</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
              </tr>
          </tbody>        
      </table>   
      
   
  </div>
     
     
     
     <div id="testes">
         <h2>Arquivamento em Lote</h2>
         <p>Situação Final:</p>
         <div class="div_button">
          <label class="input-control radio" onclick="">
              <input type="radio" checked="" name="r4">
                  <span class="helper">Simples</span>
          </label>
             <label class="input-control radio" onclick="">
              <input type="radio" name="r4">
                  <span class="helper">Atendido</span>
          </label>
             <label class="input-control radio" onclick="">
              <input type="radio" name="r4">
                  <span class="helper">Pendente</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r4">
                  <span class="helper">Duplicado</span>
          </label>   
      </div>
         
      <div id="content_area">
          <div class="div">    
              <label class="contact_form">Possíveis:</label>           
              <input class="contact_input" type="text" name="name" value="" />
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Adicionar<img src="images/icon_add.png"/></button>
          </div>
          <div class="c">
              <p>Exibir:</p>
              <label class="input-control radio" onclick="">
                  <input type="radio" checked="" name="r3">
                      <span class="helper">Todos</span>
              </label>
              <label class="input-control radio" onclick="">
                  <input type="radio" name="r3">
                      <span class="helper">Co-Responsável</span>
              </label>   
              <p>Caixa:</p>
              <input class="contact_input_small" type="text" name="name" value="" />
              <button class="button">Todos</button> 
          </div>
          <div class="div">
              <label class="contact_form">Selecionados</label>  
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Remover<img src="images/icon_remove.png"/></button>     
          </div>
      </div>
         <div class="bar_content">
          <label class="contact_form" >Modelo:</label>
          <select class="contact_select" name=""></select>
      </div>
         <label class="contact_form" >Parecer: FALTA A CAIXA DE EDIÇÃO DE TEXTO</label>
         <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Remanejamento</button>
      </div>
         
         
         <h2>Histórico de visualizações dos últimos 5 dias</h2>
      <table>
          <thead>
              <tr>
                  <th>Data e Hora</th>
                  <th>Protocolo</th>
                  <th>Tipo</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
                  <td></td>
              </tr>
              <thead>
                  <tr>
                      <td>Total:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>
         
         
         <h2>Pesquisa nos Tramites</h2>
         
         <div class="div_button">
             <div class="div_small">
                 <label class="contact_form">Data Inicial:</label>  
                 <input type="text" name="" class="contact_input" value="">
             </div>
             <div class="div_small">
                 <label class="contact_form">Data Final:</label>
                 <input type="text" name="" class="contact_input" value="">
             </div>
         </div>
         
         <div class="clear"></div>
         <div class="bar_content">
             <label class="contact_form" >Setor Origem:</label>
             <select class="contact_select" name=""></select>
         </div>
         <div class="bar_content">
             <label class="contact_form" >Setor Destino:</label>
             <select class="contact_select" name=""></select>
         </div>
         <div class="bar_content">
             <label class="contact_form" >Autor Tramite:</label>
             <select class="contact_select" name=""></select>
         </div>
         <div class="div_button">
          <label class="input-control radio" onclick="">
              <input type="radio" checked="" name="r5">
                  <span class="helper">Apenas Processos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r5">
                  <span class="helper">Apenas Documentos</span>
          </label>   
      </div>
         <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>
         
      <h2>Resultado da Pesquisa</h2>
      <div class="bar_content">
             <label class="contact_form" >Relatório:</label>
             <select class="contact_select" name=""></select>
         </div>
      <table>
          <thead>
              <tr>
                  <th>Protocolo</th>
                  <th>Data</th>
                  <th>Tipo</th>
                  <th>Origem</th>
                  <th>Destino</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
              </tr>
              <thead>
                  <tr>
                      <td>Encontradas:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>         
         
         
         
       <h2>Modelo - Cadastro de Modelo</h2>   
       <label class="contact_form">Descrição:</label>
      <input type="text" name="" class="contact_input" value="">
        <label class="contact_form">Modelo: FALTA CAIXA DE EDIÇÃO DE TEXTO</label> 
        <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>
        <h2>Modelos Cadastrados</h2>
        <table>
          <thead>
              <tr>
                  <th>Descrição</th>
                  <th>Ações</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td></td>
                  <td></td>
              </tr>
          </tbody>        
      </table>   

         
  </div>
     
     <div id="testes2">
         
         <h2>Pesquisa - Defina um ou mais critérios</h2>
      <div class="div_small">
          <label class="contact_form">Protocolo:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small">
          <label class="contact_form">Data Inicial:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small">
          <label class="contact_form">Data Final:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      
      <div class="div_small">
          <label class="contact_form">Palavra Chave:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small">
          <label class="contact_form">Permanência:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small">
          <label class="contact_form">Valor:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small_select">
          <label class="contact_form">Responsavel:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small_select">
          <label class="contact_form">Co-responsavel:</label>
          <select class="contact_select" name=""></select>
      </div>
          
      <div class="div_small_select">
          <label class="contact_form">Digitador:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small_select">
          <label class="contact_form">Tipo:</label>
          <select class="contact_select" name=""></select>
      </div> 
      <div class="div_small_select">
          <label class="contact_form">Municipio:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small_select">
          <label class="contact_form">Status:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small_select">
          <label class="contact_form">Orgão:</label>
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small_select">
          <label class="contact_form">Classificação:</label>
          <select class="contact_select" name=""></select>
      </div>
      <label class="contact_form">Proponente / Remetente:</label><a href="#"><img src="images/icon_search.png"/></a>
      <input type="text" name="" class="contact_input" value="">
          <label class="contact_form">Atendido:</label><a href="#"><img src="images/icon_search.png"/></a>
      <input type="text" name="" class="contact_input" value="">
          
          <div class="div_button">
          <label class="input-control radio" onclick="">
              <input type="radio" checked="" name="r3">
                  <span class="helper">Apenas Processos</span>
          </label>
          <label class="input-control radio" onclick="">
              <input type="radio" name="r3">
                  <span class="helper">Apenas Documentos</span>
          </label>   
      </div>
          
          <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>
          
          
          
          <h2>Pesquisa de Instituições / Pessoas - Defina um ou mais critérios</h2>
      <div class="div_small">
          <label class="contact_form">Município:</label>  
          <select class="contact_select" name=""></select>
      </div>
      <div class="div_small">
          <label class="contact_form">Nome / Abreviação:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
      <div class="div_small">
          <label class="contact_form">CNPJ:</label>  
          <input type="text" name="" class="contact_input" value="">
      </div>
          <div class="clear"></div>
          <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>
          <h2>Resultado da Pesquisa</h2>
      <table>
          <thead>
              <tr>
                  <th>Instituições / Pessoas</th>
                  <th></th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Carina Valladares Vilas Boas</td>
                  <td>CMO</td>
              </tr>
              <thead>
                  <tr>
                      <td>Encontradas:</td>
                      <td></td>
                  </tr>
              </thead>
          </tbody>        
      </table>      
         
         
          
          
          <h2>Tramite de Processo em Lote</h2>
          <div class="bar_content">
              <label class="contact_form" >Destino:</label>
              <select class="contact_select" name=""></select>
          </div>
         
      <div id="content_area">
          <div class="div">    
              <label class="contact_form">Possíveis:</label>           
              <input class="contact_input" type="text" name="name" value="" />
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Adicionar<img src="images/icon_add.png"/></button>
          </div>
          <div class="c">
              <label class="input-control radio" onclick="">
                  <input type="radio" checked="" name="r3">
                      <span class="helper">Todos</span>
              </label>
              <label class="input-control radio" onclick="">
                  <input type="radio" name="r3">
                      <span class="helper">Co-Responsável</span>
              </label>   
              
              <p>Somar Páginas:</p>
                  <label class="input-control radio" onclick="">
                      <input type="radio" checked="" name="r7">
                          <span class="helper">+0</span>
                  </label>
                  <label class="input-control radio" onclick="">
                      <input type="radio" name="r7">
                          <span class="helper">+1</span>
                  </label>
                    <label class="input-control radio" onclick="">
                      <input type="radio" name="r7">
                          <span class="helper">+2</span>
                  </label>
                    <label class="input-control radio" onclick="">
                      <input type="radio" name="r7">
                          <span class="helper">+3</span>
                  </label>
                    <label class="input-control radio" onclick="">
                      <input type="radio" name="r7">
                          <span class="helper">+4</span>
                  </label>
                    <label class="input-control radio" onclick="">
                      <input type="radio" name="r7">
                          <span class="helper">+5</span>
                  </label>
              
              <p>Páginas:</p>
              <input class="contact_input_small" type="text" name="name" value="" />
              <button class="button">Todos</button> 
          </div>
          <div class="div">
              <label class="contact_form">Selecionados</label>  
              <textarea class="contact_txtarea" name="" cols="" rows=""></textarea>
              <button class="button">Remover<img src="images/icon_remove.png"/></button>     
          </div>
      </div>
          <div class="cleardiv"></div>
               <div class="bar_content">
          <label class="contact_form" >Modelo:</label>
          <select class="contact_select" name=""></select>
      </div>
         <label class="contact_form" >Parecer: FALTA A CAIXA DE EDIÇÃO DE TEXTO</label>
         <div class="div_button">
          <button class="button">Enviar</button>
          <button class="button">Limpar</button>
      </div>










          </div>
     
     
     
     
</div>
<div id="logo"></div>
</div>
    <div  class="clear"></div>
<div class="bar"></div>
<div id="footer">Sistema de Tramitação de Processos</div>
</body>
</html>